<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" charset="UTF-8" content="width=device-width, initial-scale=1.0">
    <title>咸鱼</title>
    <script src="${ctx}/js/jquery1.8.2.min.js"></script>
    <script src="${ctx}/js/vue.min.js"></script>
    <link rel="stylesheet" href="${ctx}/css/reset.css">
    <script src="${ctx}/js/changeSize.js"></script>
    <script src="${ctx}/layui/layui.all.js"></script>
    <link rel="stylesheet" href="${ctx}/layui/css/layui.mobile.css">
<#--    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">-->
<#--    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">-->
<#--    <script src="https://unpkg.com/swiper/js/swiper.js"> </script>-->
<#--    <script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>-->
</head>

<body>
<div id="app">
    <table>
        <div v-for="(item,index) in tableData">
            <tr ><img  :src="item.img_url"></tr>
        </div>
    </table>

</div>


</body>
</html>
<script>
    var table = "upload_img_record";
    var startDate = "";
    var endDate = "";
    var app = new Vue({
        el: '#app',
        data: {
            totals:1,
            tableData:[],
            tip_num: '',
            menuId:'',
            ids:'',
            proDate:'',
            startTime:'',
            endTime:'',
            isShow:false,
            editId:0,
            query:{
                table: table,
                query: {},
                time: {'start': startDate, 'end': endDate},
                key: {'': ''},
                page:1,
                limit:10
            }
        },
        mounted(){
            this.getTableInfo(1);
        },
        methods: {
            getTableInfo(page){
                let that = this;
                that.currentPage = page;
                that.loading = true;
                $.ajax({
                    url: "/layui/list/data",    //请求的url地址
                    dataType: "json",   //返回格式为json
                    async: true,//请求是否异步，默认为异步，这也是ajax重要特性
                    data: that.query,    //参数值,键值对
                    type: "post",   //请求方式
                    beforeSend: function () {
                        //请求前的处理
                    },
                    success: function (res) {
                        //请求成功时处理
                        if (res.code===0) {
                                that.tableData = res.data;
                        } else {
                            layer.msg(res.message)
                        }
                    },
                    complete: function () {
                        //请求完成的处理
                    },
                    error: function () {
                        //请求出错处理
                        layer.msg("请重试!若在失败请联系管理员")
                    }
                });

            },

        }
    });

</script>
